<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Quản Lý Sự Cố | Phần Mềm Quản Lý Điều Hành Xe
            | CÔNG TY TNHH DỊCH VỤ MINH VIỆT</title>

        <!-- Bootstrap framework -->
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
        <!-- gebo blue theme-->
        <link rel="stylesheet" href="css/blue.css" id="link_theme" />
        <!-- breadcrumbs-->
        <link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
        <!-- tooltips-->
        <link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
        <!-- notifications -->
        <link rel="stylesheet" href="lib/sticky/sticky.css" />
        <!-- code prettify -->
        <link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
        <!-- notifications -->
        <link rel="stylesheet" href="lib/sticky/sticky.css" />
        <!-- splashy icons -->
        <link rel="stylesheet" href="img/splashy/splashy.css" />
        <!-- colorbox -->
        <link rel="stylesheet" href="lib/colorbox/colorbox.css" />
        <!-- enhanced select -->
        <link rel="stylesheet" href="lib/chosen/chosen.css" />
        <!-- datepicker -->
        <link rel="stylesheet" href="lib/datepicker/datepicker.css" />
        <!-- main styles -->
        <link rel="stylesheet" href="css/style.css" />
        <!-- Favicon -->
        <link rel="shortcut icon" href="favicon.ico" />
        <!--[if lte IE 8]>
                <link rel="stylesheet" href="css/ie.css" />
                <script src="js/ie/html5.js"></script>
                <script src="js/ie/respond.min.js"></script>
            <![endif]-->

    </head>
    <body class="gebo-fixed menu_hover sidebar_hidden">
        <div id="maincontainer" class="clearfix">
            <!-- header -->
            <?php include 'menu.php'; ?>

            <!-- main content -->
            <div id="contentwrapper">
                <div class="main_content">
                    <!-- BreadCrumb -->
                    <nav>
                        <div id="jCrumbs" class="breadCrumb module">
                            <ul>
                                <li><a href="#"><i class="icon-home"></i></a></li>
                                <li><a href="#">Điều hành xe</a></li>
                                <li>Quản lý sự cố </li>
                            </ul>
                        </div>
                    </nav>
                    <!-- End BreadCrumb -->
                    <div class="row-fluid">
                        <div class="span12">
                            <div class="heading">
                                <h3 class="">Quản lý sự cố</h3>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12">
                            <form class="form-inline ">
                                <input type="text" class="input-medium "  placeholder="Mã đoàn">
									<div class="input-append date inline" id="dp_start">
										<input class="input-small" type="text" readonly="readonly" placeholder="Từ ngày"
											style="width: 65px"><span class="add-on"><i
											class="splashy-calendar_day_up"></i></span>
									</div>
									<div class="input-append date inline" id="dp_end">
										<input class="input-small" type="text" readonly="readonly" placeholder="Đến ngày"
											style="width: 65px"><span class="add-on"><i
											class="splashy-calendar_day_down"></i></span>
									</div>
                                
                                <button type="submit" class=" btn"><i class="icon-filter"></i> Tìm kiếm</button>
                                <a href="#addnewcar_incident" data-toggle="modal" data-backdrop="static" class="btn btn-primary"><i class=" icon-white icon-plus"></i>Thêm Sự Cố</a>
                            </form>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12">
                            <table class="table table-condensed table-bordered">
                                <thead>
                                    <tr>
                                        <th><input type="checkbox"></th>
                                        <th>Tên sự cố</th>
                                        <th>Mã đoàn</th>
                                        <th>Loại sự cố</th>
                                        <th>Thời gian</th>
                                        <th style="width: 300px;">Ghi chú</th>
                                        <th style="width: 70px;">Thao tác</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><input type="checkbox"></td>
                                        <th>Xe bị hư dọc đường</th>
                                        <td>MV-45243</td>
                                        <td>Xe hỏng</td>
                                        <td>21/06/2013 06:20</td>
                                        <td>Trong thời gian chạy bị hỏng xe</td>
                                        <td><a href="#edit_car_incident" data-toggle="modal"
                                               data-backdrop="static" class="sepV_a ttip_t" title="Sửa "><i
                                                    class="icon-pencil"></i></a> <a href="#"
                                                                            class="sepV_a ttip_t" title="Xóa"><i class="icon-trash"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox"></td>
                                        <th>Xe bị hư dọc đường</th>
                                        <td>MV-45243</td>
                                        <td>Xe hỏng</td>
                                        <td>21/06/2013 06:20</td>
                                        <td>Trong thời gian chạy bị hỏng xe</td>
                                        <td><a href="#edit_car_incident" data-toggle="modal"
                                               data-backdrop="static" class="sepV_a ttip_t" title="Sửa "><i
                                                    class="icon-pencil"></i></a> <a href="#"
                                                                            class="sepV_a ttip_t" title="Xóa"><i class="icon-trash"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox"></td>
                                        <th>Xe bị hư dọc đường</th>
                                        <td>MV-45243</td>
                                        <td>Xe hỏng</td>
                                        <td>21/06/2013 06:20</td>
                                        <td>Trong thời gian chạy bị hỏng xe</td>
                                        <td><a href="#edit_car_incident" data-toggle="modal"
                                               data-backdrop="static" class="sepV_a ttip_t" title="Sửa "><i
                                                    class="icon-pencil"></i></a> <a href="#"
                                                                            class="sepV_a ttip_t" title="Xóa"><i class="icon-trash"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox"></td>
                                        <th>Xe bị hư dọc đường</th>
                                        <td>MV-45243</td>
                                        <td>Xe hỏng</td>
                                        <td>21/06/2013 06:20</td>
                                        <td>Trong thời gian chạy bị hỏng xe</td>
                                        <td><a href="#edit_car_incident" data-toggle="modal"
                                               data-backdrop="static" class="sepV_a ttip_t" title="Sửa "><i
                                                    class="icon-pencil"></i></a> <a href="#"
                                                                            class="sepV_a ttip_t" title="Xóa"><i class="icon-trash"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox"></td>
                                        <th>Xe bị hư dọc đường</th>
                                        <td>MV-45243</td>
                                        <td>Xe hỏng</td>
                                        <td>21/06/2013 06:20</td>
                                        <td>Trong thời gian chạy bị hỏng xe</td>
                                        <td><a href="#edit_car_incident" data-toggle="modal"
                                               data-backdrop="static" class="sepV_a ttip_t" title="Sửa "><i
                                                    class="icon-pencil"></i></a> <a href="#"
                                                                            class="sepV_a ttip_t" title="Xóa"><i class="icon-trash"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><input type="checkbox"></td>
                                        <th>Xe bị hư dọc đường</th>
                                        <td>MV-45243</td>
                                        <td>Xe hỏng</td>
                                        <td>21/06/2013 06:20</td>
                                        <td>Trong thời gian chạy bị hỏng xe</td>
                                        <td><a href="#edit_car_incident" data-toggle="modal"
                                               data-backdrop="static" class="sepV_a ttip_t" title="Sửa "><i
                                                    class="icon-pencil"></i></a> <a href="#"
                                                                            class="sepV_a ttip_t" title="Xóa"><i class="icon-trash"></i></a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="pagination right">
                                <ul>
                                    <li class="prev"><a href="#">&lt; Trở lại </a></li>
                                    <li class="active"><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li class="next "><a href="#">Trang tiếp &gt; </a></li>
                                </ul>
                            </div>

                        </div>
                    </div>

                </div>
            </div>

            <!-- Popup add news Car incident -->
            <div class="modal hide" id="addnewcar_incident">
                <!-- Form add -->
                <form class="form-horizontal" action="#" method="post">
                    <div class="modal-header">
                        <button class="close" data-dismiss="modal">×</button>
                        <h3>Thêm mới sự cố</h3>
                    </div>
                    <div class="modal-body" style="min-height: 300px;">
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Tên sự cố</label>
                            <div class="controls">
                                <input type="text" value="" placeholder="Tên sự cố" />
                            </div>
                        </div>  
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Mã đoàn</label>
                            <div class="controls">
                                <input type="text" value="" placeholder="Mã đoàn"/>
                            </div>
                        </div> 
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Loại sự cố </label>
                            <div class="controls">
                                <select class="">
                                	<option>Xe hư hỏng dọc đường</option>
                                	<option>Nhầm lịch trình</option>
                                	<option>Khách phản ánh tình trạng lái xe</option>
                                </select>
                            </div>
                        </div>                      
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Thời gian </label>
                            <div class="controls">
                                <div class="input-append date" id="incident_date_add" data-date-format="dd/mm/yyyy ">
                                    <input class="input-small" type="text" readonly="readonly" placeholder="Thời gian"><span class="add-on">
                                    <i class="splashy-calendar_day_down"></i></span>
                                </div>

                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Ghi chú </label>
                            <div class="controls">
                                <textarea cols="100" rows="7"></textarea>
                            </div>
                        </div>                    
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary" type="submit">
                            <i class="icon-ok icon-white"></i> Lưu lại
                        </button>
                        <a href="#" class="btn" data-dismiss="modal">Đóng lại</a>
                    </div>

                </form>
                <!-- End Form  add -->
            </div>
            <!-- end popup incident add-->
            <!-- Popup edit incident -->
            <div class="modal hide" id="edit_car_incident">
                <!-- Form add -->
                <form class="form-horizontal" action="#" method="post">
                    <div class="modal-header">
                        <button class="close" data-dismiss="modal">×</button>
                        <h3>Sửa sự cố</h3>
                    </div>
                    <div class="modal-body" style="min-height: 300px;">
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Tên sự cố</label>
                            <div class="controls">
                                <input type="text" value="Hỏng xe"/>
                            </div>
                        </div>  
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Mã đoàn</label>
                            <div class="controls">
                                <input type="text" value="MV-45323"/>
                            </div>
                        </div> 
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Loại sự cố </label>
                            <div class="controls">
                                <input type="text" value="Xe Hỏng"/>
                            </div>
                        </div>                      
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Thời gian </label>
                            <div class="controls">
                                <input type="text" class="input-small" id="incident_date_time_edit" value="23:24" style="width: 40px" />
                                <div class="input-append date" id="incident_date_edit" data-date-format="dd/mm/yyyy ">
                                    <input class="input-small" type="text" readonly="readonly" placeholder="Thời gian" value="30/08/2013"><span class="add-on">
                                    <i class="splashy-calendar_day_down"></i></span>
                                </div>

                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">Ghi chú </label>
                            <div class="controls">
                                <textarea cols="100" rows="7">Xe hỏng dọc đường </textarea>
                            </div>
                        </div>                    
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary" type="submit">
                            <i class="icon-ok icon-white"></i> Lưu lại
                        </button>
                        <a href="#" class="btn" data-dismiss="modal">Đóng lại</a>
                    </div>

                </form>
                <!-- End Form  add -->
            </div>		
            <!-- end Popup edit driver ready -->


            <script src="js/jquery.min.js"></script>
            <!-- smart resize event -->
            <script src="js/jquery.debouncedresize.min.js"></script>
            <!-- hidden elements width/height -->
            <script src="js/jquery.actual.min.js"></script>
            <!-- js cookie plugin -->
            <script src="js/jquery.cookie.min.js"></script>
            <!-- main bootstrap js -->
            <script src="bootstrap/js/bootstrap.min.js"></script>
            <!-- bootstrap plugins -->
            <script src="js/bootstrap.plugins.min.js"></script>
            <!-- code prettifier -->
            <script src="lib/google-code-prettify/prettify.min.js"></script>
            <!-- tooltips -->
            <script src="lib/qtip2/jquery.qtip.min.js"></script>
            <!-- jBreadcrumbs -->
            <script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
            <!-- sticky messages -->
            <script src="lib/sticky/sticky.min.js"></script>
            <!-- fix for ios orientation change -->
            <script src="js/ios-orientationchange-fix.js"></script>
            <!-- datepicker -->
            <script src="lib/datepicker/bootstrap-datepicker.min.js"></script>

            <!-- lightbox -->
            <script src="lib/colorbox/jquery.colorbox.min.js"></script>
            <!-- timepicker -->
            <script src="lib/datepicker/bootstrap-timepicker.min.js"></script>
            <!-- common functions -->
            <script src="js/gebo_common.js"></script>
            <!-- enhanced select (chosen) -->
            <script src="lib/chosen/chosen.jquery.min.js"></script>
            <script>
                $(document).ready(function() {
                    $(".chzn_a").chosen({
                        allow_single_deselect: true
                    });
                    // start date
                    $('#incident_date,#incident_date_add,#incident_date_edit').datepicker();
                    $('#incident_date_time,#incident_date_time_edit').timepicker({
                        defaultTime: 'current',
                        minuteStep: 1,
                        disableFocus: true,
                        template: 'dropdown',
                        showMeridian: false,
                    });
                });
            </script>

        </div>
    </body>
</html>